﻿<div ng-controller="articleController">
    <div class="wrapper border-bottom white-bg page-heading">
        <div class="col-lg-pull-12">
            <ol class="breadcrumb">
                <li><a href="javascript:void(0)" ng-click="goBack()">文章管理</a></li>
                <!--<li class="active" ng-bind="breadcrumb"></li>-->
            </ol>
        </div>
    </div>
    <form name="_form" class="form-horizontal w5c-form" w5c-form-validate="model.validateOptions" role="form" novalidate>
        <div class="press_content">
            <h2>{{model.title}}</h2>
            <div class=number>
                <div class="lf" ng-if="model.is_top == true"><img src="../../../Content/image/qietu-03.png" alt="" /></div>
                <div class="lf" ng-if="model.is_top == false"><img src="../../../Content/image/qietu-07.png" alt="" /></div>
                <div class="rg">
                    <span>
                        <img src="../../../Content/image/qietu-05.png" alt="" />{{model.reply_num}}
                    </span>
                    <span><img src="../../../Content/image/qietu-06.png" alt="" />{{model.click_num}}</span>
                </div>
            </div>

            <div class="author">
                <img src="../../../Content/image/qietu-04.png" alt="" />
                <div class="time"><label for="">{{model.merchant.name}}</label> <time>{{model.create_time}}</time></div>
            </div>
            <div class="content">
                <p>{{model.description}}</p>
            </div>
        </div>

        <div class="reply">
            <p>回帖</p>
        </div>
        <div class="reply_main" ng-repeat="item in items.rows">
            <div class="reply_content">
                <div class="ico">
                    <img src="../../../Content/image/qietu-04.png" alt="" />
                    <div class="title">
                        <span><label>{{item.merchant.name}}</label> <em>(楼主)</em></span>
                        <span class="time">{{item.create_time}}</span>
                    </div>
                </div>

                <p class="info">{{item.reply_content}}</p>
                <span class="del_reply" ng-click="deleteitem(item.id)">删除</span>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <uib-pagination total-items="items.total_result" items-per-page="items.size" ng-model="items.page" num-pages="items.total_pages"
                                ng-change="search_page(items.page, 2)" class="pagination-sm" boundary-links="true" boundary-link-numbers="true" max-size="20"
                                previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;" last-text="&raquo;"></uib-pagination>
                <span class="pull-right" style="margin: 30px 0px 20px 0px">共{{items.total_result}} 当前：{{items.page}}/{{items.total_pages}}</span>
            </div>
        </div>
        <div class="form-group form-group-sm">
            <div class="col-sm-12">
                <textarea keditor="editConfig" name="description" class="form-control input-sm" ng-model="item.reply_content" rows="4" ng-change="textAreaChanged(2)" required></textarea>
                <span ng-show="_form.description.$invalid && !_form.description.$pristine" class="w5c-error">请填写文章内容</span>
                <span class="help-block" id="textcount">0/500</span>
            </div>
        </div>
        <div class="form-group form-group-sm">
            <label class="col-sm-2 control-label"></label>
            <div class="col-sm-3">
                <button  type="submit" w5c-form-submit="reply()" class="btn btn-primary btn-sm" btn-loading="psdisabled.save" loading-text="保存中..." ng-disabled="psdisabled.save">
                    <i class="fa fa-save"></i> 提交回复
                </button>
                <button ng-if="model.status == 1" ng-click="goBack()" class="btn btn-primary btn-sm"><i class="fa fa-rotate-left"></i> 返回</button>
            </div>
        </div>
    </form>
</div>
<style type="text/css">
    @charset "utf-8";
    * {
        margin: 0;
        padding: 0;
        -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
        -webkit-font-smoothing: antialiased;
        box-sizing: border-box;
    }
    body {
        font-family: "PingFangSC-Regular";
        background-color: #fff;
    }
    ol, ul, li {
        list-style: none;
    }
  a {
       text-decoration: none;
       outline: none;
       -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
  html {
        -webkit-font-smoothing: antialiased;
        -webkit-overflow-scrolling: touch;
        -moz-overflow-scrolling: touch;
        -o-overflow-scrolling: touch;
    }
    h1, h2, h3, h4 {
        font-weight: normal;
    }
    img {
        border: 0;
        -ms-interpolation-mode: bicubic;
    }
    input, textarea {
        outline: none;
        background-color: transparent;
        border: 0px;
        -webkit-appearance: none;
    }
    select {
        outline: none;
    }
    input[type=number] {
        -moz-appearance: textfield;
    }
   input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
            -webkit-appearance: none;
        }
   input[type="button"], input[type="submit"], input[type="reset"] {
        -webkit-appearance: none;
        border-radius: 0;
        -webkit-border-radius: 0;
    }
    /*input[type=button]:active, input[type="submit"]:active {
            background-color: yellow;
        }*/
    input::-webkit-input-placeholder {
        color: #A1A6BB;
    }
    /*// input:focus::-webkit-input-placeholder {
        // color: yellow;
        //
   // }*/
    .clear:after {
        content: '';
        display: block;
        clear: both;
    }
    .clear {
        zoom: 1;
    }
    .white, .autowhite {
        background-color: #ffffff;
    }
    @charset "utf-8";
    * {
        margin: 0;
        padding: 0;
        -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
        -webkit-font-smoothing: antialiased;
        box-sizing: border-box;
    }
    body {
        font-family: "微软雅黑";
        background-color: #fff;
    }
    ol, ul, li {
        list-style: none;
    }
    a {
        text-decoration: none;
        outline: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
    html {
        -webkit-font-smoothing: antialiased;
        -webkit-overflow-scrolling: touch;
        -moz-overflow-scrolling: touch;
        -o-overflow-scrolling: touch;
    }
    h1, h2, h3, h4 {
        font-weight: normal;
    }
    img {
        border: 0;
        -ms-interpolation-mode: bicubic;
    }
    input, textarea {
        outline: none;
        background-color: transparent;
        border: 0px;
        -webkit-appearance: none;
    }
    select {
        outline: none;
    }
    input[type=number] {
        -moz-appearance: textfield;
    }
    input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
            -webkit-appearance: none;
    }
    input[type="button"], input[type="submit"], input[type="reset"] {
        -webkit-appearance: none;
        border-radius: 0;
        -webkit-border-radius: 0;
    }
    input::-webkit-input-placeholder {
        color: #A1A6BB;
    }
    .clear:after {
        content: '';
        display: block;
        clear: both;
    }
    .clear {
        zoom: 1;
    }
    em {
        font-style: normal;
    }
    .press {
        border: 1px solid #EFEFF0;
        width: 600px;
    }
    .press_content {
        margin-bottom: 50px;
        border-bottom: 10px solid #F1F1F1;
        padding-bottom: 20px;
    }
    .press_content h2 {
            color: #5A5858;
            margin-bottom: 15px;
            font-size: 28px;
    }
   .press_content .number {
            margin-bottom: 15px;
            overflow: auto;
   }
  .press_content .number .lf {
            float: left;
   }

   .press_content .number .rg {
            float: right;
            font-size: 14px;
   }
   .press_content .number .rg img {
            margin-right: 10px;
   }
   .press_content .number .rg span {
            margin-right: 10px;
   }
   .press_content .author {
            clear: both;
            background-color: #F7F7F8;
            padding: 10px 15px 10px 15px;
            margin-bottom: 24px;
            overflow: auto;
    }
   .press_content .author .time {
            color: #efefef;
            margin-left: 46px;
            font-size: 14px;
    }
    .press_content .author img {
                /* margin-right: 20px; */
            float: left;
   }
   .press_content .author .time label {
            color: #42C5F4;
            margin-right: 10px; /* font-size: 14px; */
   }
   .press_content .author .time time {
            color: #999696;
            font-size: 12px;
   }
   .press_content .content {
   }
   .press_content .content b {
            color: #333;
            margin-bottom: 54px;
            display: block;
            font-size: 16px;
    }
  .press_content .content p {
            color: #333;
            line-height: 25px;
            margin-bottom: 15px;
            font-size: 16px;
    }
  .reply {
        height: 34px;
        text-align: center;
        line-height: 50px;
        position: relative;
        margin: 0 auto;
        width: 94%;
    }
   .reply p {
            color: #5A5858;
            font-size: 18px;
            text-align: center;
            line-height: 25px;
            padding: 0 7px;
            background-color: #FFFFFF;
            position: relative;
            z-index: 1;
            width: 65px;
            margin: 0 auto;
    }
  .reply:after {
            content: "";
            width: 100%;
            border-top: 1px solid;
            position: absolute;
            height: 1px;
            top: 12px;
            right: 0;
            color: #dcdada;
        }

  .reply_main {
        /* margin-bottom:20px; */
    }
  .reply_content {
        padding: 30px 0;
        border-bottom: 1px solid #EFEFF0;
        overflow: auto;
        position: relative;
    }
  .reply_content:last-child {
            border-bottom: 0px;
   }
   .reply_content .ico {
            margin-bottom: 20px;
        }
  .reply_content .ico img {
                float: left;
                width: 40px;
                height: 40px;
            }
  .reply_content .title {
            margin-left: 55px;
            color: #999696;
            font-size: 14px;
        }
  .reply_content .title .time {
                display: block;
                margin-top: 5px;
            }
  .reply_content .title label {
                color: #42c5f4;
            }
  .reply_content .title em {
            }
  .reply_content .info {
            width: 80%;
            float: left;
        }
  .reply_content .del_reply {
            color: #FF0000;
            float: right;
            right: 5%;
            position: absolute;
            bottom: 30px;
        }
</style>